*{
	margin: 0;
	padding: 0;
	list-style: none;
}
@media only screen and (min-width: 320px) and (max-width: 375px) {
	html{
		font-size: 62.5%;		
	}	
}
body{
	font-size: 1.4rem;
	font-size: 14px;
}
p{
	font-size: 1.2rem;
	font-size: 12px;
}
.contents{
	width: 100%;
	background: #FFF;
}

.contents .tops {
	width:100%;
	display: flex;
	
}
.contents .tops >div{
	width:50%;
	padding: 10px 0;
	text-align: center;
	color: #151515;
	background: #787878;
}
.contents .tops >.on{
	background: #ff0000;
	color: #fff;
}
.conts{
	width: 100%;
	background: #FFF;
}
.conts >div{
	display: none;
}
.conts >.show{
	display: block;
}

.lis {
	width: 100%;
	background: #F4F4F4;
	box-sizing: border-box;
	padding: 10px 3%;
	display: flex;
	justify-content: space-between;
	border-bottom: 2px solid #fff;
}

.lis .lefts{
	width:64%;
	
}

.lis .lefts .tops{
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding-bottom: 10px;
}
.lis .name{
	font-size: 1.5rem;
	color: #151515;
}
.lis .phone{
	font-size: 1.3rem;
	color: #787878;
}
.lis .detail{
	font-size: 1.4rem;
	color: #787878;
	margin-bottom: 10px;
}
.lis .quan{
	width: 45px;
	height: 45px;
	text-align: center;
	background: #ff0000;
	color: #fff;
	line-height: 45px;
	border-radius: 50px;	
	font-size:1.4rem ;
}
